Tworzenie statycznych stron internetowych

HTML

PHP

Inne

CSS

Podstawowy kurs HTML

Wstęp

HTML jest językiem programowania służacym do pisania stron WWW. Podstawowym narzędziem jest znacznik, czyli tekst zamknięty w ostrych nawiasach. Większość znaczników posiada znacznik otwarcia i zamknięcia, np.
<center>Otwarcie - obszar działania znacznika</center> - zamknięcie znacznika.
Znaczniki po angielsku nazywają się tag'ami.

Przykłady formatowania tekstu w HTML

Wielkość czcionki

W HTML wielkość czcionki wstawiamy znacznikiem font size o wartościach od 1 do 7

Niektóre znaczniki posiadają atrybuty precyzujące określoną cechę formatowanego obiektu. Każdy atrybut posiada pewien zakres wartości, np.
<font size color face> font - to znacznik, a size, color, face to atrybuty.

Tekst o wielkości size 1

Tekst o wielkości size 3

Tekst o wielkości size 5

Tekst o wielkości size 7

Zmiana koloru

Tekst w kolorze "navy".

Tekst w kolorze "green".

Tekst w kolorze "#88cc55".

Tekst w kolorze "#krzysztof".

Tekst zapisany czcionką "Arial"

Złożenie atrybutów

Inne znaczniki formatujące tekst

-tekst pogrubiony - <boltic>, boltic
-pochylenie tekstu - <italic>, italic
-podkreślenie tekstu -<u>, tekst podkreślony>
-przekreślenie - <strike>, tekst przekreślony
-błyskanie - <blink>, błyskanie rzadko działa
-indeks górny - <sup> indeks górny



Komentarze

HTML jak każdy język programowania pozwala na wstawianie komentarzy do kodu, co ma ułatwiać orientację w kodzie. Komentarze wstawiamy kombinacją <!-- tekst komentarza -->(koniec komentarza). Komentarze nie są widoczne na stronie

Znaki specjalne

Znaki specjalne pozwalają na wyświetlenie symboli zakodowanych w tablicach ANSI, a niedostępnych z klawiatury. Można przy ich pomocy również zastąpić niektóre znaki dostępne na klawiaturze wykorzystywane w kodowaniu i trudne do normalnego wyświetlenia.
-twarda       spacja; znak pozwalający na zwiększony odstęp między słowami:&nbsp.
-znak mniejszości (<)- &lt
-znak większości (>) - &gt
-strzałka do góry (↑) - &uarr
-odwrócony wykrzyknik (¡) - &iexcl

Definiowanie strony kodowej i języka narodowego dokumentu HTML

Definiowanie strony kodowania w HTML 4.x
<meta http-equiv="Content-Type" content="text/HTML; charset=ISO-8859-2"> - dozwolony jest również inny sposób kodowania, np. UTF-8

Definiowanie strony kodowania w HTML 5
<meta charset="ISO-8859-2"> - dozwolony jest również inny sposób kodowania, np. UTF-8

Definiowanie języka strony w HTML 4.x
<meta http-equiv="Content-Language" content="pl">

Definiowanie języka strony w HTML 5
<html lang="pl">


Elementy podstawowe strony WWW

Do elementów podstawowych będziemy zaliczać Akapit <p>, Blok-div <div>, Nagłówek <h1-6>.
Akapit służy do formatowania większej ilości tekstu, należy go rozumieć jako jednorodny fragment tekstu. Z automatu posiada odstęp jednego wiersza z góry i od dołu. W stylach CSS możemy nadać mu kilka atrybutów jak szerokość, odstęp między wierszami, wcięcie pierwszego wiersza i inne.

DIV nazywany jest w Polsce czasem blokiem, najczęściej służy do kontruowania strony w sensie formalnym. Często zawiera inne elementy, np. akapity, listy, tabele, itd.

Nagłówek to element używany do wyznaczenia nowego "rozdziału" strony. Stosowany w 6 wielkościach od 1 (największy i najważniejszy) do 6. Zawsze pogrubiony i z pustymi wierszami od góry i dołu. Nagłówek h1 może być użyty tylko 1 raz - kwestia pozycjonowania i wyszukiwania.


Nagłówek H1


Nagłówek H2


Nagłówek H3


Nagłówek H4


Nagłówek H5

Nagłówek H6


Krzysztof Szeląg - kl. 2c/gr.1